<template>
  <div class="box">
    <div class="left">
      <!-- icons图片 -->
      <img class="iocns" src="/img/icons/apple-touch-icon-120x120.png" alt="" />
      <span>后台管理系统</span>
    </div>
    <!-- 退出按( ఠൠఠ )ﾉ -->
    <div class="right">
      <el-button type="success" @click="signOut" plain>退出</el-button>
      <!-- <el-button type="" plain>成功按钮</el-button> -->
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {
    signOut() {
      this.$emit("signOut", false);
    },
  },
};
</script>
<style scoped>
.box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  color: aliceblue;
}
.box div {
  background: #373d41;
  flex: 2;
  height: 100%;
}
.left {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
img {
  height: 100%;
}
span {
  display: inline-block;
  text-align: center;
  width: 60%;
  font-size: 29px;

  height: 100%;
}
.right {
  text-align: right;
}
.iocns {
  margin-left: 9%;
}
</style>